<!--下拉刷新-->
<ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
  <ion-refresher-content pullingIcon="arrow-dropdown" pullingText="" refreshingSpinner="circles" refreshingText="">
  </ion-refresher-content>
</ion-refresher>

<div class="investment-list-all" id="{{refresherId}}">
  <div class="investment-list" *ngFor="let item of listdata" appDebounceClick (debounceClick)="go(item.link)">
    <div class="investment-left"><img class="investment-left-img" [src]="item.imgUrl" onerror="this.src='assets/img/default_img.png';" />
    </div>
    <div class="investment-right">
      <div class="right-title">{{item.title}}</div>
      <div class="right-center" *ngIf="item.imgdata && item.imgdata.length > 0 && item.contentView.userInfo">
        <ng-container *ngIf="item.imgdata.length <= 3">
          <span *ngFor="let it of item.imgdata"><img class="right-center-img" [src]="it" /></span>
        </ng-container>
        <ng-container *ngIf="item.imgdata.length > 3">
          <span *ngFor="let it of item.imgdata.slice(2)"><img class="right-center-img" [src]="it" /></span>
          <span><img class="right-center-img" src="assets/img/list_icon_more.png" /></span>
        </ng-container>
        <label *ngIf="item.contentView.userInfo.firstText">{{item.contentView.userInfo.firstText.label}}</label>
        <font color="#FF6314" *ngIf="item.contentView.userInfo.secondText"
          style="    margin-left: -3px;margin-right: -3px;font-size: 11px;">
          {{item.contentView.userInfo.secondText.label}}</font>
        <label *ngIf="item.contentView.userInfo.thirdText" style="margin-left: 0px;">
          {{item.contentView.userInfo.thirdText.label}}</label>
      </div>
      <div class="right-footer">
        <label class="right-footer-label">{{item.downView.firstText.label}}<font color="#FF6314">{{item.downView.secondText.label}}</font>
          {{item.downView.thirdText.label}}</label>
      </div>
    </div>
  </div>
  <ul>
    <div class="noDataButton" *ngIf="listdata&&listdata.length=== 0">没有数据</div>
  </ul>
  <!-- 向上滚动刷新 -->
  <ion-infinite-scroll *ngIf="listdata&&listdata.length>0" (ionInfinite)="loadMoreData($event)">
    <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
</div>